//加一个全局函数，使函数规范一些
(function () {
  //类目的模板字符串
  var itemTmpl = '<div class="category-item">' +
    '<img class="item-icon" src=$url />' +
    '<p class="item-name">$name</p>' +
    '</div>'

  function initCategroy() {
    //获取catego的数据
    $.get('../json/head.json', function (data) {
      console.log(data)
      var list = data.data.primary_filter.splice(0, 8)
      list.forEach((item, index) => {
        var str = itemTmpl
          .replace('$url', item.url)
          .replace('$name', item.name)
        $('.category-content').append($(str));
      });
    })
  }
  /**
   * 绑定item的click事件
   * param
   */
  function addClick() {
    $('.category-content').on('click', '.category-item', function () {
      alert(1)
    })
  }

  function init() {
    initCategroy()
    addClick()
  }
  init()
})()